<template>
  <h1>一个人的信息</h1>
  <h2>姓名：{{name}}</h2>
  <h2>年龄：{{age}}</h2>
  <button @click="sayHello">Hello</button>
</template>

<script>
import {h} from 'vue';

export default {
  name: "App",
  setup(){
    let name = '张三';
    let age = 18;
    function sayHello(){
      alert(`我叫${name}，今年${age}，你好啊！`);
    }

    // 返回一个对象（常用）
    /*return{
      name,
      age,
      sayHello
    }*/

    // 返回一个渲染函数（不常用）
    return () => {
      return h('h1', 'abc');
    }
  },
}
</script>

<style scoped>

</style>